/* reset */
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,form,fieldset,legend,input,select,textarea,button,th,td,menu,article,pre{
	margin: 0;
	padding: 0;
}
article,aside,dialog,figure,footer,header,hgroup,nav,section,select,time{
	display: block;
}
h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{
	font-size: 100%;
	font-weight: normal;
	vertical-align: middle;
	font-family: inherit;
}
ul,dl,ol{
	list-style: none;
}
img,fieldset,input[type='submit']{
	border: none;
}
html{
	height: 100%;
}
body{
	/* -webkit-user-select: none;
	-webkit-text-size-adjust: 100%; */
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	font-size: 14px;
	line-height: 1;
	font-family: 'PingFangSC-Regular','Helvetica',"Microsoft YaHei", sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	min-height: 100%;
	position: relative;
	color: #000;
}

/* ��ֹ�������ӡ���ť����������ϵͳĬ�ϵ���˵� */
a,button,input,textarea{
	border: none;
	outline: none;
	text-decoration: none;
	-webkit-touch-callout: none;
	font-family: inherit;
	background: none;
}
a,a:visited{
	text-decoration: none;
	-webkit-touch-callout: none;
}
a{
	color: inherit;
}
em,i{
	font-style: normal;
}

@media only screen and (max-device-width:1080px),only screen and (max-width:1080px) {
	body,html {
		font-size: 144px
	}
}

@media only screen and (max-device-width:960px),only screen and (max-width:960px) {
	body,html {
		font-size: 128px
	}
}

@media only screen and (max-device-width:800px),only screen and (max-width:800px) {
	body,html {
		font-size: 106.66666666666667px
	}
}

@media only screen and (max-device-width:720px),only screen and (max-width:720px) {
	body,html {
		font-size: 96px
	}
}

@media only screen and (max-device-width:640px),only screen and (max-width:640px) {
	body,html {
		font-size: 85.33333333333334px
	}
}

@media only screen and (max-device-width:600px),only screen and (max-width:600px) {
	body,html {
		font-size: 80px
	}
}

@media only screen and (max-device-width:540px),only screen and (max-width:540px) {
	body,html {
		font-size: 72px
	}
}

@media only screen and (max-device-width:480px),only screen and (max-width:480px) {
	body,html {
		font-size: 64px
	}
}

@media only screen and (max-device-width:414px),only screen and (max-width:414px) {
	body,html {
		font-size: 55.2px
	}
}

@media only screen and (max-device-width:400px),only screen and (max-width:400px) {
	body,html {
		font-size: 53.333333333333336px
	}
}

@media only screen and (max-device-width:375px),only screen and (max-width:375px) {
	body,html {
		font-size: 50px
	}
}

@media only screen and (max-device-width:360px),only screen and (max-width:360px) {
	body,html {
		font-size: 48px
	}
}

@media only screen and (max-device-width:320px),only screen and (max-width:320px) {
	body,html {
		font-size: 42.66666666666667px
	}
}

@media only screen and (max-device-width:240px),only screen and (max-width:240px) {
	body,html {
		font-size: 32px
	}
}

.wrap{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
}
.bg{
	background: url("../img/bg.jpg") repeat-y;
	background-size: 100% 100%;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.bg1{
	background: url("../img/bg1.jpg") no-repeat;
	background-size: 100%;
	position: absolute;
	width: 100%;
	height: 9.6rem;
	z-index: -1;
	top:0;
	left: 0;
	right: 0;
}
.bg2{
	background: url("../img/bg2.jpg") no-repeat;
	background-size: 100%;
	position: absolute;
	width: 100%;
	height: .93rem;
	z-index: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.dz2{
	background: url("../img/bg_dz2.png") no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 4.84rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.dz{
	background: url("../img/bg_dz.png") no-repeat;
	background-size: 100% 100%;
	width:100%;
	height: 1.7rem;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2.75rem;
}
@-webkit-keyframes szt {
	0%{
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	45%{
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50%{
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	55%{
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	60%{
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	65%{
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	70%{
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
.szt{
	background: url("../img/szt.png") no-repeat;
	background-size: 100% 100%;
	width: 3.76rem;
	height: 3.24rem;
	position: absolute;
	left: 50%;
	margin-left: -1.88rem;
	top:.94rem;

	-webkit-animation: szt 5s infinite;
	animation: szt 5s infinite;
}
@-webkit-keyframes eye {
	0%{
		opacity: 0;
	}
	5%{
		opacity: 1;
	}
	10%{
		opacity: 0;
	}
	15%{
		opacity: 1;
	}
	20%{
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}
.szt2{
	background: url("../img/szt2.png") no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	opacity: 0;
	-webkit-animation: eye 5s infinite;
	animation: eye 5s infinite;
}

.pay_btn{
	background: url("../img/pay_btn.png") no-repeat;
	background-size: 100% 100%;
	width: 5.9rem;
	height: .88rem;
	position: absolute;
	left: 50%;
	margin-left: -2.95rem;
	bottom: 1.2rem;
	z-index: 5;
}

.pop-pay{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 6;
	display: none;
}
.pop-pay-bg{
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

@-webkit-keyframes fadeUp {
	0%{
		transform: translateY(3rem);
		-o-transform: translateY(3rem);
		-webkit-transform: translateY(3rem);
	}
	100%{
		transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
.pop-pay ul{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	transform: translateY(3rem);
	-o-transform: translateY(3rem);
	-webkit-transform: translateY(3rem);
	background: #fdf5ed;
	padding: .2rem 0;
}
.fadeUp{
	-webkit-animation: fadeUp .5s both;
	-o-animation: fadeUp .5s both;
	animation: fadeUp .5s both;
}

.pop-pay ul li a{
	text-align: center;
	display: block;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	background: #ffffff;
	font-size: .36rem;
	color: #333333;
	letter-spacing: .015rem;
	padding-top: .2rem;
}
.pop-pay ul li .wx{
	background: url("../img/wx.png") no-repeat center center;
	background-size: 7.12rem 1rem;
}
.pop-pay ul li .qq{
	background: url("../img/qq.png") no-repeat center center;
	background-size: 7.12rem 1rem;
}
.pop-pay ul li .yl{
	background: url("../img/yl.png") no-repeat center center;
	background-size: 7.12rem 1rem;
}


.dl{
	background: url("../img/dl.png") no-repeat;
	background-size: 100% 100%;
	width: 6.45rem;
	height: 3.9rem;
	margin: 0 auto;
	position: relative;
}
.dl .bp{
	width: .95rem;
	height: 3.83rem;
	position: absolute;
}
.dl .bp1{
	left: 0;
	top:0;
}
.dl .bp2{
	right: 0;
	top:0;
}
@-webkit-keyframes bz {
	0%{
		-webkit-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	100%{
		-webkit-transform: scale(1.3, 1.3);
		-o-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
	}
}
@-webkit-keyframes bz2 {
	0%{
		-webkit-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(1.3, 1.3);
		-o-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
		opacity: 0;
	}
}
.dl_animate{
	width: 100%;
	display: none;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	z-index: 7;
}
.dl .bz1{
	background: url("../img/bz1.png") no-repeat;
	background-size: 100% 100%;
	width: .98rem;
	height: .99rem;
	position: absolute;
	top:3.1rem;
	left: .5rem;
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
}
.dl .bz2{
	background: url("../img/bz2.png") no-repeat;
	background-size: 100% 100%;
	width: .61rem;
	height: .53rem;
	position: absolute;
	top:3.3rem;
	left: -.3rem;
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
}
.dl .bz3{
	background: url("../img/bz3.png") no-repeat;
	background-size: 100% 100%;
	width: .6rem;
	height: .6rem;
	position: absolute;
	top:2.72rem;
	left: -.5rem;
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
}
.dl .sx1{
	background: url("../img/sx1.png") no-repeat;
	background-size: 100% 100%;
	width: 1.63rem;
	height: .56rem;
	position: absolute;
	top:2.8rem;
	left: -.525rem;
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
}
.dl .sx2{
	background: url("../img/sx2.png") no-repeat;
	background-size: 100% 100%;
	width: 1.16rem;
	height: .49rem;
	position: absolute;
	top:3.2rem;
	left: .38rem;
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
}
.dl .sx3{
	background: url("../img/sx3.png") no-repeat;
	background-size: 100% 100%;
	width: 1.16rem;
	height: .46rem;
	position: absolute;
	top:3.56rem;
	left: -.65rem;
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
}


.bp1 .bz1{
	-webkit-animation: bz 0.3s 0.5s infinite;
	animation: bz 0.3s 0.5s infinite;
}
.bp1 .bz2{
	-webkit-animation: bz 0.5s infinite;
	animation: bz 0.5s infinite;
}
.bp1 .bz3{
	-webkit-animation: bz 0.4s .8s infinite;
	animation: bz 0.4s .8s infinite;
}

.bp2 .bz1{
	-webkit-animation: bz 0.3s infinite;
	animation: bz 0.3s infinite;
}
.bp2 .bz2{
	-webkit-animation: bz 0.5s .4s infinite;
	animation: bz 0.5s .4s infinite;
}
.bp2 .bz3{
	-webkit-animation: bz 0.4s .9s infinite;
	animation: bz 0.4s .9s infinite;
}

.bp1 .sx1{
	-webkit-animation: bz2 1.8s 0.5s infinite;
	animation: bz2 1.8s 0.5s infinite;
}
.bp1 .sx2{
	-webkit-animation: bz2 1.5s infinite;
	animation: bz2 1.5s infinite;
}
.bp1 .sx3{
	-webkit-animation: bz2 2s .8s infinite;
	animation: bz2 2s .8s infinite;
}
.bp2 .sx1{
	-webkit-animation: bz2 2.1s 0.5s infinite;
	animation: bz2 2.1s 0.5s infinite;
}
.bp2 .sx2{
	-webkit-animation: bz2 1.8s infinite;
	animation: bz2 1.8s infinite;
}
.bp2 .sx3{
	-webkit-animation: bz2 2s .3s infinite;
	animation: bz2 2s .3s infinite;
}


.success_bg{
	background: url("../img/success_bg.jpg") no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 8.6rem;
	position: absolute;
	top:0;
	left: 0;
	right:0;
}
.wl{
	background: url("../img/wl.png") no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
}
.success_bg_dz{
	background: url("../img/success_bg_dz.png") no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 1.57rem;
	position: absolute;
	bottom: 1.74rem;
	left: 0;
	right: 0;
}
@-webkit-keyframes yh {
	0%{
		-webkit-transform: scale(0, 0) rotate(0deg);
		-o-transform: scale(0, 0) rotate(0deg);
		transform: scale(0, 0) rotate(0deg);
	}
	30%{
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(1.3, 1.3) rotate(20deg);
		-o-transform: scale(1.3, 1.3) rotate(20deg);
		transform: scale(1.3, 1.3) rotate(20deg);
		opacity: 0;
	}
}
.yh2{
	background: url("../img/yh2.png") no-repeat;
	background-size: 100% 100%;
	width: 1.61rem;
	height: 1.55rem;
	position: absolute;
	top:2.78rem;
	left: .68rem;
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);

	-webkit-animation: yh 3s infinite;
	animation: yh 3s infinite;
}
.yh1{
	background: url("../img/yh1.png") no-repeat;
	background-size: 100% 100%;
	width: 2.22rem;
	height: 2.23rem;
	position: absolute;
	top:.68rem;
	left: 2.42rem;
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);

	-webkit-animation: yh 3s .8s infinite;
	animation: yh 3s .8s infinite;
}
.yh3{
	background: url("../img/yh3.png") no-repeat;
	background-size: 100% 100%;
	width: 1.89rem;
	height: 1.95rem;
	position: absolute;
	top:1.96rem;
	left: 4.96rem;
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);

	-webkit-animation: yh 3s .4s infinite;
	animation: yh 3s .4s infinite;
}